<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>学生列表页面</title>    
</head>
<body>
    <h1 id="table">8888888</h1>
    <table border="1"  >
        <tr>
            <td>姓名</td>
            <td>性别</td>
            <td>年龄</td>          
        </tr>
        @@
    </table>

    <img src="images/01.png" alt="">
    <img src="images/02.png" alt="">
    <img src="images/03.png" alt="">
    <button id="close">关闭网页</button>
    <script type="text/javascript">
        
        //DOM操作
        var tabObj = document.getElementById("table")
        setTimeout(function(){
            tabObj.innerHTML = "JavaScript---DOM操作---插入内容"
        },3000)
        

        //BOM操作
        var btnObj = document.getElementById("close")
        btnObj.onclick = function(){
            if(confirm("是否确定关闭网页，打开百度")){
                window.open("http://www.baidu.com","_target")
                window.close()
            }
        }
        
        
    </script>
</body>
</html>
